<template>
	<div id='MessageList'>
		<div class="message_list" v-for="item,index in dataList">
			<div class="message_list_header">
				<div class="header_title">
					<!--这样写都是肯定的华为手机，草-->
					<div class="span" v-if="item.status===0">
						<span></span>
					</div>
					<div v-else style="width: .32rem;height: 1px;"></div>
					<slot name='title'></slot>
				</div>
				<div class="header_time">{{item.newTime}}</div>
			</div>
			<div class="message_list_content">{{item.content}}</div>
			
		</div>
		
	</div>
</template>

<script>
	export default{
		name:'MessageList',
		props: {
			dataList: {
				default:function(){
					return []
				},
			},
			
		},
		components:{
			
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	@import './MessageList.scss';
</style>